@import "../../../styles/_commonColor.scss";

.MT {

  margin-top: -.3rem !important;
}

.body {
  width: 5.2rem;
  margin-top: .3rem;
  .title {
    font-size: .3rem;
    text-align: center;
    padding-bottom: 0.2rem;
  }
  .star {
    position: relative;
    font-size: .26rem;
    padding: .3rem .05rem;
    .starWords {
      position: relative;
      height: .36rem;
      line-height: .36rem;
    }
    .starShapeS {
      position: absolute;
      top: 50%;
      right: -.03rem;
      margin-top: -.3rem;
      & > div {
        display: inline-block;
        margin-left: .1rem;
        width: .58rem;
        height: .56rem;
        background: url('../../../images/starShape.png') no-repeat left center;
        background-position-x: 0.1rem;
        background-size: auto .36rem;
      }
      .starShapeCheck {
        background-position-x: -0.51rem !important;
      }
    }

  }
  .textarea {
    padding: .14rem .2rem;
    width: 100%;
    font-size: .26rem !important;
    line-height: .45rem;
    border: 1PX solid $bordergray;
    color: $darkgray !important;
    background: $white;
    resize: none;
    outline: none;
    　box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    overflow: auto;
    -webkit-appearance: none;
  }
  textarea:disabled {
    color: $darkgray;
    opacity: 1;
    -webkit-opacity: 1;
    -webkit-text-fill-color: $darkgray;
  }
  .btn {
    margin-top: .4rem;
    width: 100%;
    background: $blue;
    color: $white;
    border-radius: .06rem;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
  }
  .btn:active {
    opacity: .7;
  }

}